<!DOCTYPE HTML>
<html>
	<head>
		<title>That's is not a Question</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="shortcut icon" href="/static/images/ico.jpg" media="screen" />
		<!--[if lte IE 8]><script src="/static/yui/js/html5shiv.js" type="text/javascript"></script><![endif]-->
		<script src="/static/yui/js/jquery.min.js" type="text/javascript"></script>
		<script src="/static/yui/js/skel-panels.min.js"></script>
		<script src="/static/yui/js/init.js"></script>
		<link rel="stylesheet" href="/static/yui/style/skel-noscript.css" />
		<link rel="stylesheet" href="/static/yui/style/blog-style.css" />
		<link rel="stylesheet" href="/static/yui/style/style-desktop.css" />
		<link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
		<link rel="stylesheet" href="/static/plugin/ace/font/fontawesome-webfont.woff" />
		<link rel="stylesheet" href="/static/plugin/ace/css/font-awesome.min.css" />
		<style>
			.fh5co-entry {
				float: left;
				width: 100%;
				border-bottom: 1px solid #f2f2f2;
			}
			.padding {
				padding: 20px;
			}
			.fh5co-post-date {
				color: #b3b3b3;
				margin-bottom: 10px;
				display: block;
				text-transform: uppercase;
				font-weight: 100;
				letter-spacing: .05em;
			}
			.fh5co-post .fh5co-entry > div h2 {
				margin-bottom: 10px;
				font-weight: 100;
			}
			.fh5co-entry div p{
				margin-top: 5px;
				margin-left: 5px;
				color: #cccccc;
			}
			h2, .h2 {
				font-size: 30px;
			}
		</style>
		<style type="text/css">
			.pagination {
				display: inline-block;
				padding-left: 0;
				margin: 20px 0;
				border-radius: 4px
			}

			.pagination > li {
				display: inline
			}

			.pagination > li > a, .pagination > li > span {
				position: relative;
				float: left;
				padding: 6px 12px;
				margin-left: -1px;
				line-height: 1.428571429;
				text-decoration: none;
				background-color: #fff;
				border: 1px solid #ddd
			}

			.pagination > li:first-child > a, .pagination > li:first-child > span {
				margin-left: 0;
				border-bottom-left-radius: 4px;
				border-top-left-radius: 4px
			}

			.pagination > li:last-child > a, .pagination > li:last-child > span {
				border-top-right-radius: 4px;
				border-bottom-right-radius: 4px
			}

			.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
				background-color: #eee
			}

			.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
				z-index: 2;
				color: #fff;
				cursor: default;
				background-color: #428bca;
				border-color: #428bca
			}

			.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
				color: #999;
				cursor: not-allowed;
				background-color: #fff;
				border-color: #ddd
			}

			.pagination-lg > li > a, .pagination-lg > li > span {
				padding: 10px 16px;
				font-size: 18px
			}

			.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
				border-bottom-left-radius: 6px;
				border-top-left-radius: 6px
			}

			.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
				border-top-right-radius: 6px;
				border-bottom-right-radius: 6px
			}

			.pagination-sm > li > a, .pagination-sm > li > span {
				padding: 5px 10px;
				font-size: 12px
			}

			.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
				border-bottom-left-radius: 3px;
				border-top-left-radius: 3px
			}

			.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
				border-top-right-radius: 3px;
				border-bottom-right-radius: 3px
			}
		</style>
	</head>
	<body>

	<!-- Header -->
	<div id="header-wrapper">
		<div id="header" style="margin-top: -35px">
			<div class="container">
				<div id="logo" style="margin-bottom: 20px"> <!-- Logo -->
					<h1><a href="index">时光虫洞</a></h1>
					<span>by huangxiaoli</span>
				</div>
			</div>
			<div id="menu-wrapper">
				<div class="container">
					<nav id="nav">
						<ul>
							<li><a href="blog">首页</a></li>
							<li><a href="article">图文档案</a></li>
							<li class="active"><a href="video">光影缝隙</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>
	<!-- Header -->
		
	<!-- Main -->
		<div id="main-wrapper">
			<div class="container">

				<div id="main">
	
					<div class="row">
					
						<!-- Sidebar -->
							<div id="sidebar" class="4u">
								<section>
									<header>
										<h2>光影分类</h2>
									</header>
									<ul class="layui-nav layui-nav-tree" lay-filter="test">
										<foreach name="labels" item="label">
											<eq name="dlabel" value="$label.code">
												<li class="layui-nav-item layui-this"><a href="video?label={$label.code}">{$label.name}</a></li>
												<else/>
												<li class="layui-nav-item"><a href="video?label={$label.code}">{$label.name}</a></li>
											</eq>
										</foreach>
									</ul>
								</section>
							</div>
						<!-- Sidebar -->

						<!-- Content -->
							<div id="content" class="8u skel-cell-important">
								<section>
									<header>
										<h2>绝望先生</h2>
										<span class="byline">伦，你太小看你哥哥我了，你以为我真是那种，对他人自我暴露丑态的行为感兴趣的人么？</span>
									</header>
									<foreach name="video" item="vo">
										<div class="fh5co-entry padding">
											<div>
												<span class="fh5co-post-date">
													{$vo.updated_at|date='Y-m-d H:i:s',###}
												</span>
												<h2><a href="video_detail?id={$vo.id}">{$vo.name}</a></h2>
												<p>
													<script>
                                                        var lables_info=['layui-badge layui-bg-green','layui-badge layui-bg-blue','layui-badge layui-bg-black','layui-badge layui-bg-gray','layui-badge layui-bg-orange'];
                                                        var tags='{$vo.tags}';
                                                        tags=tags.split('-');
                                                        for (i=0;i<tags.length;i++){
                                                            document.write("<span style='margin-right: 5px' class='"+lables_info[i%5]+"'>"+tags[i]+"</span>");
                                                        }
													</script>
													<i style="margin-left: 10px;margin-right: 10px" class="icon-eye-open"></i>
													{$vo.read_num}
												</p>
											</div>
										</div>
									</foreach>
								</section>
							</div>
						<!-- Content -->
						<div class="row yui_page" style="margin-left: 0px;">
							{$video->render()}
						</div>
					</div>
				
				</div>
			</div>
		</div>
	<!-- /Main -->


	<!-- Copyright -->
	<include file="yui/copyright"/>


	</body>
</html>